<script lang="ts" setup></script>
<template>
  <section class="section p-6 flex flex-col h-full items-center justify-center">
    <div class="p-6 flex flex-col items-center justify-center">
      <img src="../../assets/icon.png" alt="logo" class="mb-6 w-1/2" />
      <h2 class="text-3xl font-bold mb-2 text-primary"> Tg Types </h2>
      <p class="text-gray-400 mb-6">优雅的打字测试与录制体验</p>

      <div class="version-info mb-6 text-center">
        <p class="text-gray-500">Version 1.0.0</p>
        <p class="text-sm text-gray-500">基于 Electron + Vue3 + TypeScript</p>
      </div>

      <div class="about-actions flex gap-4 justify-center">
        <button class="flex items-center">
          <i class="i-mynaui-git-branch text-lg mr-1"></i>
          源码
        </button>
        <button class="flex items-center">
          <i class="i-mynaui-send text-lg mr-1"></i>
          问题反馈
        </button>
        <button class="flex items-center">
          <i class="i-mynaui-heart text-lg mr-1"></i>
          支持项目
        </button>
      </div>
    </div>
  </section>
</template>
